<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.css" rel="stylesheet">


		<!-- 
	 /* 同时拥有这两个类的元素 */
	 /* 		.btn.btn-primary {
	 	
	 	/* background: #555555; */
	 /* display: block; */
	 
	 }
	 */ 
	 
	 -->
		<style type="text/css">

			.container-small {

				max-width: 500px;

				/* 			position: relative;
				
				right: 10%;
				width: 50%; */

			}
		</style>
		<title>表单</title>
	</head>
	<body>

		<p>
			<!-- 14.0 日常前戏 -->
		</p>
		
		<div class="container container-small">
			
			
			<h1>登录</h1>

			<form action="">

				<div class="alert alert-success">登录成功，正在跳转...</div>
				<div class="form-group">
					<label>用户名:</label>
					<input type="text" name="" id="" value="" class="form-control" />
				</div>
				<div class="form-group">
					<label>密码:</label>
					<input type="password" name="" id="" class="form-control" />
				</div>

				<div class="form-group">
					<button type="button" class="btn btn-primary btn-block">登录</button>
				</div>
			</form>


		</div>




	</body>
</html>
